/* 主要放弹性布局类flex  */

/*横向排列*/
.r-w-c-c {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.r-w-fs-c {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.r-w-fs-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.r-w-c-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.r-w-sa-c {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.r-w-sb-c {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.r-w-sa-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}
.r-w-sb-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.r-nw-c-c {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.r-nw-sa-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-start;
}
.r-nw-c-fe {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-end;
}
.r-nw-fs-c {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.r-nw-c-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}
.r-nw-fs-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.r-nw-fs-fe {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
}
.r-nw-sa-c {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
}
.r-nw-sb-c {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.r-nw-sb-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.r-nw-sb-sb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: space-between;
}
.r-nw-fe-c {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.r-nw-sb-fe {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
}
.r-nw-fe-fs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
}

/*纵向排列*/

.c-c-c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.c-c-fs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.c-c-fe {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}
.c-fs-c {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.c-fs-fe {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
.c-fe-fs {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.c-fe-fe {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.c-sa-c {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.c-sb-c {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.c-fe-c {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
}
.c-fs-fs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.c-sb-fs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.c-sa-fs {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
.flex-self-end{
    align-self: flex-end;
}
.r-nw-sa-fe {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-end;
}
.shrink {
	flex-shrink: 0;
}